<template>
  <div class="statistics-contents">
    <ItemWrap box-name="dv-border-box10" :title="title" class="statistics-box">
      <Contrast v-if="page !== 'briefing'"></Contrast>
      <Briefing v-else></Briefing>
    </ItemWrap>
  </div>
</template>

<script setup lang="ts">
import Contrast from "./contrast";
import Briefing from "./briefing";

const props = defineProps({
  page: {
    type: String,
    default: 'contrast',
    required: false
  }
})

const title = computed(()=>{
  if (props.page === "briefing") {
    return  '每日简报'
  } else {
    return '对比分析'
  }
})
</script>



<style scoped lang="scss">
.statistics-contents {
  margin-top: 20px;
  min-height: calc(100% - 60px);
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  .statistics-box {
    height: 960px;
    width: 1500px;
  }
}
</style>